.wr-photo-wall {
    position: relative;
    z-index: 1;
}

.wr-photo-wall .wr-unselectable {
   -moz-user-select: text;
   -khtml-user-select: text;
   user-select: text;
}

/* Photo items */
.wr-photo-wall .wr-photo-item {
    position: absolute;
    background: #ededed;
    padding: 10px;
}

.wr-photo-wall .wr-photo-item img {
    vertical-align: middle;
    border: 1px solid #d3d3d3;
}

.wr-photo-wall .wr-photo-item .wr-photo-description {
    padding: 10px 10px 0;
    color: black;
    text-align: center;
}

/* Photo categories */
.wr-photo-wall .wr-photo-category {
    position: absolute;
    background: #ededed;
    padding: 10px;
    font-size: 20px;
    color: black;
    white-space: nowrap;
}

.wr-photo-wall .wr-photo-item, .wr-photo-wall .wr-photo-category {
    border: 1px solid lightgray;
    /* CSS3 adds */
    /*
    -moz-box-shadow: 0 0 1em black;
    -webkit-box-shadow: 0 0 1em black;
    box-shadow: 0 0 1em black;
    */

    /* CSS3 little rotate */
    /*
    -moz-transform: translate(100px) rotate(40deg);
    -moz-transform-origin: 60% 100%;

    -webkit-transform: translate(100px) rotate(40deg);
    -webkit-transform-origin: 60% 100%;

    -o-transform:translate(100px) rotate(40deg);
    -o-transform-origin:60% 100%;
    */
}

/* Drag cursor styles will be duplicated by photowall.js for cross-browser work */
.wr-photo-wall-edit .ui-draggable { cursor: url("images/grab.cur"), move; }
.wr-photo-wall-edit .ui-draggable-dragging { cursor: url("images/grabbing.cur"), move; }
.wr-photo-wall .ui-draggable-disabled {}

/*
.overscroll-easing .wr-photo-item, .overscroll-easing .wr-photo-category,
.overscroll-dragging .wr-photo-item, .overscroll-dragging .wr-photo-category
{
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
*/

/* Item's direct link */
.wr-direct-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
/*======================================================== Toolbar ===================================================*/
.wr-photo-wall-toolbar {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    overflow: visible;
    display: none;
}

.wr-photo-wall-toolbar .wr-active-toolbar {
	position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
	padding-top: 6px;
    background: transparent url("images/top-toolbar-active-bg.png") left top repeat-x;
    display: block;
}

.wr-photo-wall-toolbar .wr-passive-toolbar {
    width: 26px;
    height: 42px;
    padding: 0 16px;
    position: absolute;
    left: -16px;
    top: 0;
    background: transparent url("images/top-toolbar-passive-bg.png") left top no-repeat;
    display: none;
}

/**
  * Toolbar buttons.
  * You may change HTML-templates inside JS. But be aware! Some CSS class names are related with JS!
  */
.wr-photo-wall-toolbar .wr-button {
    display: block;
    float: left;
    margin-right: 10px;
    height: 26px;
    line-height: 26px;
    outline: none;
    background: transparent left top no-repeat;
    color: white;
}

.wr-photo-wall-toolbar .wr-button span {
    margin-left: 3px;
    float: left;
    cursor: pointer;
    text-decoration: underline;
}

.wr-photo-wall-toolbar .wr-button:hover span { text-decoration: none; }

.wr-photo-wall-toolbar .wr-button .wr-icon {
    display: block;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

.wr-photo-wall-toolbar .wr-show-button .wr-icon { background: url("images/wall-icons.png") -52px 0 no-repeat; }
.wr-photo-wall-toolbar .wr-hide-button .wr-icon { background: url("images/wall-icons.png") -78px 0 no-repeat; }
.wr-photo-wall-toolbar .wr-start-edit-button .wr-icon { background: url("images/wall-icons.png") 0 0 no-repeat; }
.wr-photo-wall-toolbar .wr-cancel-edit-button .wr-icon { background: url("images/wall-icons.png") -26px 0 no-repeat; }

.wr-photo-wall-toolbar .wr-save-button { text-decoration: none; }
.wr-photo-wall-toolbar .wr-save-button .wr-icon { background: url("images/wall-icons.png") -104px 0 no-repeat; }
.wr-photo-wall-toolbar .wr-save-button-disabled { cursor: default; color: #777; }
.wr-photo-wall-toolbar .wr-save-button-disabled span { text-decoration: none; cursor: default; }
.wr-photo-wall-toolbar .wr-save-button-disabled .wr-icon { background: url("images/wall-icons.png") -130px 0 no-repeat; }
.wr-photo-wall-toolbar .wr-save-button .wr-save-changes { position: relative; text-decoration: underline; }
.wr-photo-wall-toolbar .wr-save-button .wr-no-changes {}
.wr-photo-wall-toolbar .wr-save-button .wr-saving-now { font-style: italic; }
.wr-photo-wall-toolbar .wr-save-button .wr-save-changes .wr-tiny-progress-bar {
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #c00;
    display: none;
}

.wr-photo-wall-toolbar .wr-zoom-button .wr-zoom-value { margin-left: 0; }
.wr-photo-wall-toolbar .wr-zoom-out-button .wr-zoom-value { margin-left: 3px; }
.wr-photo-wall-toolbar .wr-zoom-out-button .wr-icon { background: url("images/wall-icons.png") 0 -52px no-repeat; }
.wr-photo-wall-toolbar .wr-zoom-in-button .wr-zoom-value { margin-right: 3px; }
.wr-photo-wall-toolbar .wr-zoom-in-button .wr-icon { background: url("images/wall-icons.png") -26px -52px no-repeat; }
.wr-photo-wall-toolbar .wr-zoom-value-10 { font-size: 10px; }
.wr-photo-wall-toolbar .wr-zoom-value-25 { font-size: 12px; }
.wr-photo-wall-toolbar .wr-zoom-value-50 { font-size: 14px; }
.wr-photo-wall-toolbar .wr-zoom-value-100 { font-size: 16px; }

/*====================================================== Item Editor =================================================*/
.wr-item-toolbar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent url("images/wall-item-edit-toolbar-bg.png") left bottom repeat-x;

}

.wr-item-toolbar .wr-edit-button {
    display: block;
    float: left;
    margin-left: 6px;
    width: 26px;
    height: 26px;
    background: url("images/wall-icons.png") 0 -26px no-repeat;
}

.wr-item-editor {
    padding-right: 2px;
    cursor: default;
    overflow: hidden;
    white-space: normal;
}

.wr-item-editor form {
    display: block;
    text-align: center;
    margin: 2px 0 4px;
    font-size: 12px;
}

.wr-item-editor label {
    font-style: italic;
    font-weight: normal;
}

.wr-item-editor input {
    width: 98%;
    font-family: inherit;
    font-size: 12px;
    border-width: 1px;
}

.wr-item-editor .wr-accept-button,
.wr-item-editor .wr-cancel-button {
    display: block;
    width: 26px;
    height: 26px;
    float: left;
    background: transparent left top no-repeat;
}

.wr-item-editor .wr-accept-button {
    background: url("images/wall-icons.png") -26px -26px no-repeat;
}

.wr-item-editor .wr-cancel-button {
    background: url("images/wall-icons.png") -52px -26px no-repeat;
}
